<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>高手班简章</title>
		<style type="text/css">
			body{
				width: 400px;
				font-size: 15px;
			}
			.title{
				text-align: center;/* 文字横向居中 */
				color: red;/* 字体颜色 */
				font-size:30px;
				font-weight: bold;/*加粗*/
			}
			.subtitle{
				text-align: center;
				font-weight: bold;/* */
				font-size: 25px;
				padding: 5px 0px 5px 0px;
			}
			.content1{
				background-color: deepskyblue;
				margin-bottom: 5px;
				margin-top: 5px;
				color: white;
				line-height: 27px;/*限高*/
			}
			.content2{
				margin-top: 5px;
				margin-bottom: 5px;
				background-color: #FF0000;
				color: white;
				line-height: 27px;/*限高*/
			}
			.numble{
				background-color: #000000;
				width: 30px;
				margin-left: 5px;
				margin-right: 10px;
				text-align: center;
				display: inline-table;   /*展现，以表格形式布局  上下都顶天*/
			}
		</style>
	</head>
	<body>
		<div id=""class="title">
			高手班（升级加薪利器）
		</div>
		<div id="" class="subtitle">
			第一部分：基础知识进阶
		</div>	
		<div id="" class="content1">
		   <span class="numble"> 1</span> 新接口规范、Lambda表达式

		</div>	
		<div id="" class="content2">
			<span class="numble"> 2</span>多线程、并发安全
		</div>	
		<div id=""  class="content1">
			<span class="numble"> 3</span>NIO原理分析，
		</div>	
		<div id="" class="content2">
			<span class="numble"> 4</span>手写类加载器
		</div>	
		<div id="">
			高手班（升级加薪利器）
		</div>	
		<div id="">
			高手班（升级加薪利器）
		</div>	
		<div id="">
			高手班（升级加薪利器）
		</div>	
		<div id="">
			高手班（升级加薪利器）
		</div>	<div id="">
			高手班（升级加薪利器）
		</div>
	</body>
</html>
